module.exports = {
  presets: [
    /**
     * 1. 这是Vue CLI的Babel预设，专门为Vue项目设计。
     * 2. 它包含了一些默认的Babel插件和配置，用于将Vue组件中的JavaScript代码转换成兼容所有主流浏览器的形式。
     * 3. 这个预设涵盖了Vue特有的语法处理，如单文件组件（.vue文件）的解析
     */
    '@vue/cli-plugin-babel/preset',
    /**
     * 1. 这是Babel的环境预设（preset-env），
     * 2. 它允许你使用最新的JavaScript语法，而不用担心浏览器的兼容性问题。
     * 3. {"modules": false}选项的设置是为了告诉Babel不要将ES6模块语法（如import和export）转换为其他模块类型（如CommonJS），
     * 这通常是为了更好地与webpack这样的模块打包工具配合使用，让打包工具自己处理模块的逻辑
     * 
     */
    ["@babel/preset-env",{"modules":false}]
  ],
  /**
   * 这个插件配置是用来自动按需引入Element UI组件和它们的样式
   */
  plugins:[
    [
      "component",
      {
        "libraryName":"element-ui",
        "styleLibraryName":"theme-chalk"
      }
    ]
  ]
}